<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../语雀/css/index.css">
    <link rel="shortcut icon" href=" favicon.ico" />
    <title> chengbenchao · 语雀</title>
</head>

<body>
    <div class=" header ">
        <div class="nav center ">
            <a href="https://www.yuque.com " class="logo "></a>
            <ul class="nav-left ">
                <li><span class="add "></span></li>
                <li><span class="clock "></span></li>
                <li><span class="bell "></span></li>
                <li><span class="user "></span>&nbsp;<span class="tri "></span></li>
            </ul>
            <div class="search ">
                <input type="text " placeholder="搜索 ">
            </div>
            <ul class="nav-mid ">
                <li>工作台</li>
                <li>空间</li>
                <li>发现</li>
                <li>帮助</li>
                <li>反馈</li>
            </ul>
        </div>
    </div>
    <div class="content center ">
        <div class="content-left border ">
            <div class="author ">
                <img src="images/author.png ">
                <p class="name ">chengbenchao</p>
                <p class="motto ">懦夫从未启程，弱者死于途中，而我们在路上</p>
            </div>
            <button class="follow border ">关注</button>
            <div class="fo ">
                <a class="following ">
                    关注了<p class="num ">8</p> 
                </a>
                <div class="line "></div>
                <a class="follower ">
                    关注者<p class="num ">183</p> 
                </a>
            </div>
            <div class="line1 "></div>
            <p class="city "><span></span>武汉</p>
            <p class="job "><span></span>web前端工程师</p>
            <div class="line1 "></div>
            <div class="team ">
                <span>团体</span>
                <p>尚未加入任何团队</p>
            </div>
        </div>
        <div class="content-right border ">
            <div class="menu1 ">
                <p>知识库</p>
            </div>
            <div class="menu2 ">
                <p>关注了</p>
            </div>
            <div class="menu3 ">
                <p>关注者</p>
            </div>
            <div class="line1 "></div>
            <div class="row ">
                <div class="search2 border ">
                    <input type="text " placeholder="搜索知识库 ">
                </div>
                <span class="all ">类型：所有</span>
            </div>
            <div class="line1 "></div>
            <div class="repo1 ">
                <p class="a ">node.js</p>
                <p class="b ">node.js框架</p>
                <p class="c ">今天 16:50</p>
            </div>
            <div class="line1 "></div>
            <div class="repo2 ">
                <p class="a ">小程序</p>
                <p class="c ">10-26 16:55</p>
            </div>
            <div class="line1 "></div>
            <div class="repo1 ">
                <p class="a ">前端</p>
                <p class="b ">html-css-js-wechat学习笔记</p>
                <p class="c ">10-23 15:09</p>
            </div>
            <div class="line1 "></div>
            <div class="repo2 ">
                <p class="a ">HTML-CSS</p>
                <p class="c ">10-21 11:30</p>
            </div>
            <div class="line1 "></div>
            <div class="repo2 ">
                <p class="a ">web配置项</p>
                <p class="c ">10-16 14:55</p>
            </div>
            <div class="line1 "></div>
            <div class="repo2 ">
                <p class="a ">vue教程</p>
                <p class="c ">10-03 18:59</p>
            </div>
            <div class="line1 "></div>
            <div class="repo1 ">
                <p class="a ">python</p>
                <p class="b ">python教程</p>
                <p class="c ">09-30 09:24</p>
            </div>
            <div class="line1 "></div>
            <div class="repo1 ">
                <p class="a ">web基础-html-css-js</p>
                <p class="b ">html，css，js学习笔记</p>
                <p class="c ">07-30 11:42</p>
            </div>
            <div class="line1 "></div>
            <div class="repo2 ">
                <p class="a ">小技巧</p>
                <!-- <p class="b ">html，css，js学习笔记</p> -->
                <p class="c ">07-27 17:52</p>
            </div>
            <div class="line1 "></div>
            <div class="repo1 ">
                <p class="a ">mongodb4.x</p>
                <p class="b ">mongodb4.x数据库教程</p>
                <p class="c ">05-29 14:03</p>
            </div>
            <div class="line1 "></div>
            <div class="repo2 ">
                <p class="a ">webpack教程</p>
                <p class="c ">05-10 11:04</p>
            </div>
            <div class="line1 "></div>
            <div class="repo1 ">
                <p class="a ">极客营学员赠言</p>
                <p class="b ">vedio</p>
                <p class="c ">05-10 11:04</p>
            </div>
            <div class="line1 "></div>
            <div class="repo2 ">
                <p class="a ">React</p>
                <p class="c ">05-10 10:57</p>
            </div>
            <div class="line1 "></div>
            <div class="repo2 ">
                <p class="a ">面试宝典</p>
                <p class="c ">05-09 12:26</p>
            </div>
            <div class="line1 "></div>
            <div class="repo1 ">
                <p class="a ">egg.js</p>
                <p class="b ">egg.js教程</p>
                <p class="c ">05-09 01:27</p>
            </div>
            <div class="line1 "></div>
            <div class="repo2 ">
                <p class="a ">ReactAngular.js</p>
                <p class="c ">05-08 18:56</p>
            </div>
            <div class="line1 "></div>
            <div class="repo1 ">
                <p class="a ">flutter</p>
                <p class="b ">flutter是谷歌开发的一款开源,免费的移动ui框架</p>
                <p class="c ">05-08 17:53</p>
            </div>

        </div>
    </div>
    <div class="footer ">
        <div class="footer-mid center ">
            <div class="footer-logo "></div>
            <div class="line1 "></div>
            <p class="links ">
                <a href="# ">关于语雀</a>
                <a href="# ">使用帮助</a>
                <a href="# ">数据安全</a>
                <a href="# ">服务协议</a>
                <a href="# ">English</a>
            </p>
        </div>
    </div>
    <div class="fixIcon "></div>
</body>

</html>